<template>
    <div>
         <Carousel 
         autoplay v-model="value2" loop>
        <CarouselItem>
            <div class="demo-carousel">
               <img class="bannerImg" src="../../assets/images/banner/01.jpg" width="400">
            </div>
        </CarouselItem>
        <CarouselItem>
            <div class="demo-carousel">
                <img class="bannerImg" src="../../assets/images/banner/02.jpg" width="400">
            </div>
        </CarouselItem>
        <CarouselItem>
            <div class="demo-carousel">
                 <img class="bannerImg" src="../../assets/images/banner/03.jpg" width="400">
            </div>
        </CarouselItem>
        <!-- <CarouselItem>
            <div class="demo-carousel">4</div>
        </CarouselItem> -->
    </Carousel>
     <!-- {{msg}} -->
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg:"我是banner组件",
             value2: 0
        };
    },
    created() {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style>

</style>
